<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Sources/bootstrap/css/bootstrap.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Sources/css/general/page.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Sources/css/role/rlist.css" />
<title>Insert title here</title>
</head>

<body>
	<input type="hidden" id="role_url" value="${url}" />
	<input type="hidden" id="tabid" value="${tabid}" />
	<div class="container-fluid rlist_container">

		<div class="row">
			<div class="col-sm-1"></div>
			<div class="col-sm-10">
				<table class="table table-striped table-bordered table-hover ">
					<thead>
						<tr>
							<th>角色名称</th>
							<th>设置</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${actors.getContent()}" var="actor">
							<tr>
								<td>${actor.name }</td>
								<td><a class="actoredit" url="role/actoredit/${actor.id}" 
									title="角色设置" , data-toggle="modal" data-target="#role_modal">角色设置</a>
								</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
		<div class="row">
			<div>
				<div class="col-md-1"></div>
				<div class="col-md-3  div-add">
					<a class="btn btn-primary btn-ml" title="角色添加" id="add_modal"
						data-toggle="modal" data-target="#addRoleModal"> <span
						class="glyphicon glyphicon-plus"></span></a>
				</div>

			</div>
		</div>
		<div class="row">

			<div class="col-md-8 col-md-offset-4 div-page">
				<nav>
				<ul class="pagination" id="role_page">
				</ul>
				</nav>
			</div>
			<div class="col-md-3"></div>
		</div>
	</div>


</body>


<script type="text/javascript"
	src="${pageContext.request.contextPath}/Sources/js/tools/jquery-1.11.3.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/Sources/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/Sources/js/general/url.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/Sources/js/general/page.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/Sources/js/general/newmodal.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/Sources/js/business/role/rlist.js"></script>

<script type="text/javascript">
	$(function() {
		var param={
				num:${actors.getTotalPages()},//总页数
				tag:$("#role_url").val(),//url
				pageno:${pageNo},//当前页数
				tabid:1,//跳转到目标页的tabpanel的id
				type:"0"//是否在tabpanel中，0为在，1为不在	
			};
			$("#role_page").createpage(param);	
		
	})
</script>

</html>